<%--
    Document   : consultarPreReporte
    Created on : 19/11/2010, 07:56:27 AM
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file='../Templates/security.jsp' %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">


<h1 class="title">Gestión de Pre-Reportes</h1>
<hr>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar Pre-Reporte</h2>
        <form id="consultarPreReporteForm" action="javascript:void(0);">
            <table cellspacing="5px;">
                <tbody>
                <br>
                <tr>
                    <td>Cédula del denunciante:</td>
                    <td>
                        <input id="ci_den" name="ci_den" size ="20" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td>Nombre del denunciante:</td>
                    <td>
                        <input id="nombre_den" name="nombre_den" size ="20" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td>Apellido del denunciante:</td>
                    <td>
                        <input id="apellido_den" name="apellido_den" size ="20" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td>Nombre del receptor:</td>
                    <td>
                        <input id="nombre_rec" name="nombre_rec" size ="20" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td>Apellido del receptor:</td>
                    <td>
                        <input id="apellido_rec" name="apellido_rec" size ="20" class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td>Ubicación:</td>
                    <td>
                        <input id="ubicacion" name="ubicacion" size ="20" class="filter"/>
                    </td>
                </tr>
                </tbody>
            </table>
            <div style="clear: both;">&nbsp;</div>
            <html:button property="" value="Mostrar Todo" onclick="consultarPreReporteTodo()"/>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarPreReporte()" styleClass="oculta"/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
            <html:button property="" styleClass="back" value="Atrás"/>
        </form>

        <br><div style="clear: both;">&nbsp;</div><br>
        <div id="obs"></div><br>
        <div id="consultarPreReporte">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                <thead id="head">
                    <tr>
                        <th><h5><div class="ordenar" onclick="orden('p.fecha_pr');" >Fecha Pre-Reporte</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('c1.ci');" >Cédula Denunciante</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('c1.nombre_1');" >Nombre Denunciante</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('c2.nombre_1');" >Nombre Receptor</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('p.ubicacion');" >Ubicación</div></h5></th>
                        <th><h5>PDF</h5></th>
                        <th><h5> Modificar </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>

        <%-- Aquí se manejan las flechas, cantidad de paginas a mostrar y numero de pagina --%>
        <%-- esto no es necesario cambiarlo --%>
        <%@ include file='paginasTabla.jsp' %>
        </div>
        <div style="clear: both;">&nbsp;</div>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>

<script type="text/javascript">
    $('.filter').change(function(){
        offset = 0;
        consultarPreReporte();
    });

    $(function() {
        $("#consultarPreReporte").hide();
        consultarPreReporte();
    });

    function consultarPreReporte(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"listaPreReportes.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultarPreReporteForm').serialize(),
            dataType: 'json',
            success: proceessListarPreReporte
        });
    }

    function proceessListarPreReporte(data) {
        $('#resultado').html("");
        $.each(data.preReportes, function(i,item){
            if ( (i % 2) == 0) fila = $("<tr bgcolor='#fff'>");
            else fila = $("<tr bgcolor='#ecf2f6'>");
            
            fila.append($("<td>").append(item.fecha));
            fila.append($("<td>").append(item.ci_den));
            fila.append($("<td>").append(item.nombre_den+ " " +item.apellido_den));
            fila.append($("<td>").append(item.nombre_rec+ " " +item.apellido_rec));
            fila.append($("<td>").append(item.ubicacion));
            pdf = "<a href='generarPrereporte.do?id_pre_reporte="+item.id_pre_reporte+"'><img  src='style/images/pdf.gif' alt='' width='20' height='20'></a>";
            fila.append($("<td>").append(pdf));
            mod = "<img onclick='return showModificar("+item.id_pre_reporte+");' src='style/images/table_edit1.png' alt='Modificar Pre-Reporte' width='20' height='20'>";
            fila.append($("<td>").append(mod));
            $('#resultado').append(fila);
        });
        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultarPreReporte").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultarPreReporte").show();
        }
    }

    function consultarPreReporteTodo(){
        $('#resetForm').click();
        consultarPreReporte();
    }

</script>
